document.addEventListener("DOMContentLoaded", function () {
    const slider = document.querySelector('.slider');
    let isTransitioning = false;

    function nextSlide() {
        if (!isTransitioning) {
            isTransitioning = true;

// 使用 opacity 和 transform 以淡入淡出的方式切换
            slider.style.transition = 'opacity 0.5s ease, transform 0.5s ease';
            slider.style.opacity = '0';

            setTimeout(() => {
                slider.appendChild(slider.firstElementChild);
                slider.style.transform = 'translateX(0)';
                slider.style.opacity = '1';
                isTransitioning = false;
            }, 500); // 这里的500ms应该等于最长的transition时间
        }
    }

// 自动播放
    setInterval(nextSlide, 3000); // 3000ms 是每张轮播图停留的时间
});
